<!doctype html>
<html lang="en" class="no-js" xmlns:th="http://www.thymeleaf.org">
<!-- /* ::meta, ::title, ::link, ::style, ::script */ -->
<head th:replace="fragment :: common_head(~{::meta},~{::title},~{::link},~{},~{})">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <!--tag::引入 css, js[]-->
    <link rel="stylesheet"
          th:href="@{/webjars/html5-boilerplate/6.0.1/dist/css/normalize.css}"
          href="//cdn.jsdelivr.net/webjars/org.webjars.npm/html5-boilerplate/6.0.1/dist/css/normalize.css">
    <link th:href="@{/webjars/font-awesome/5.0.10/web-fonts-with-css/css/fontawesome-all.min.css}" rel="stylesheet"
          href="https://use.fontawesome.com/releases/v5.0.10/css/all.css"
          integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
    <link th:href="@{/webjars/bootstrap/4.1.0/css/bootstrap.min.css}"
          href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet"
          th:href="@{/webjars/html5-boilerplate/6.0.1/dist/css/main.css}"
          href="//cdn.jsdelivr.net/webjars/org.webjars.npm/html5-boilerplate/6.0.1/dist/css/main.css">
    <!--这里加入 app.css -->
    <link rel="stylesheet" th:href="@{/assets/css/app.css}"
          href="../static/assets/css/app.css">
    <link rel="stylesheet" href="../static/assets/css/signin.css"
          th:href="@{/assets/css/signin.css}">
    <!--end::引入 css, js[]-->
</head>
<body>
<th:block th:replace="fragment :: browser"></th:block>
<header id="header" th:replace="fragment :: header"></header>
<div class="container text-center">
    <form class="form-signin" th:action="@{/user/login}" method="post">
        <img class="mb-4" th:src="@{/assets/img/longin-icon.svg}"
             src="../static/assets/img/longin-icon.svg" alt="" width="72" height="72"/>
        <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please sign in</h1>
        <p style="color: red" th:text="${msg}" th:if="${msg}"></p>
        <label for="inputUsername" class="sr-only" th:text="#{login.username}">用户名</label>
        <input id="inputUsername" class="form-control" name="username"
               placeholder="用户名" th:placeholder="#{login.username}" required autofocus>
        <label for="inputPassword" class="sr-only" th:text="#{login.password}">Password</label>
        <input type="password" id="inputPassword" class="form-control" name="password"
               placeholder="Password" th:placeholder="#{login.password}" required>
        <div class="checkbox mb-3">
            <label>
                <input type="checkbox" value="remember-me"> [[#{login.remember}]]
            </label>
        </div>
        <button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.btn}">登录</button>
    </form>
</div>
<footer id="footer" th:replace="fragment :: footer"></footer>
<script th:src="@{/webjars/html5-boilerplate/6.0.1/dist/js/vendor/modernizr-3.5.0.min.js}"
        src="//cdn.jsdelivr.net/webjars/org.webjars.npm/html5-boilerplate/6.0.1/dist/js/vendor/modernizr-3.5.0.min.js"></script>
<script th:src="@{/webjars/jquery/3.3.1-1/jquery.js}"
        src="//cdn.jsdelivr.net/webjars/org.webjars/jquery/3.3.1-1/jquery.js"></script>
<script th:src="@{/webjars/html5-boilerplate/6.0.1/dist/js/plugins.js}"
        src="//cdn.jsdelivr.net/webjars/org.webjars.npm/html5-boilerplate/6.0.1/dist/js/plugins.js"></script>
<script th:src="@{/webjars/bootstrap/4.1.0/js/bootstrap.bundle.min.js}"
        src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.bundle.js"></script>
<th:block th:replace="fragment :: script"></th:block>
<!--这里导入自己的 js 文件-->
<script th:src="@{/assets/js/app.js}"
        src="../static/assets/js/app.js"></script>
<script type="text/javascript">
    // 这里写当前页的 js
</script>
</body>
</html>
